<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>报警记录信息管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!-- App css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
    <!-- layer插件 -->
    <link rel="stylesheet" type="text/css" href="plugins/layer2.4/skin/layer.css" />

    <!-- bootstrap-select -->
    <link rel="stylesheet" type="text/css" href="plugins/bootstrap-select/css/bootstrap-select.min.css" />

    <script src="assets/js/modernizr.min.js"></script>

</head>

<body>

    <!-- Begin page -->
    <div id="wrapper">

        <!-- ============================================================== -->
        <!-- 页面内容开始 -->
        <!-- ============================================================== -->

        <!-- Start Page content -->
        <div class="my-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card-box">
                            <h4 class="m-t-0 m-b-30 header-title">报警记录信息列表</h4>

                            <form class="form-horizontal" role="form">
                                <div class="form-group row">
                                    <label for="barcodeMachineId" class="col-3 col-form-label">脚标机编号</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="barcodeMachineId" name="barcodeMachineId" placeholder="脚标机编号">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="faultInfo" class="col-3 col-form-label">故障信息</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="faultInfo" name="faultInfo" placeholder="故障信息">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="stallsName" class="col-3 col-form-label">档口名</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="stallsName" name="stallsName" placeholder="档口名">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="linkName" class="col-3 col-form-label">联系人</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="linkName" name="linkName" placeholder="联系人">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="state" class="col-3 col-form-label">故障状态</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="state" name="state" placeholder="故障状态">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="remarks" class="col-3 col-form-label">备注</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="remarks" name="remarks" placeholder="备注">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="faultTime" class="col-3 col-form-label">故障时间</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="faultTime" name="faultTime" placeholder="故障时间">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="createDate" class="col-3 col-form-label">创建时间</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="createDate" name="createDate" placeholder="创建时间">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="createBy" class="col-3 col-form-label">市场管理员</label>
                                    <div class="col-9">
                                        <input type="text" class="form-control" id="createBy" name="createBy" placeholder="市场管理员">
                                    </div>
                                </div>

                                <div class="form-group mb-0 justify-content-end row">
                                    <div class="col-9">
                                        <button type="submit" class="btn btn-primary waves-effect">提交</button>
                                        <button type="button" onclick="layer_close()" class="btn btn-danger waves-effect">关闭</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
            <!-- container -->

        </div>

        <!-- ============================================================== -->
        <!-- End Right content here -->
        <!-- ============================================================== -->

    </div>
    <!-- END wrapper -->

    <!-- jQuery  -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/metisMenu.min.js"></script>
    <script src="assets/js/waves.js"></script>
    <script src="assets/js/jquery.slimscroll.js"></script>

    <!-- App js -->
    <script src="assets/js/custom.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/jquery.core.js"></script>
    <script src="assets/js/jquery.app.js"></script>
    <script src="assets/js/custom.js" type="text/javascript" charset="utf-8"></script>

    <!-- 表单验证 -->
    <script src="plugins/jquery.form.js/jquery.form.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="plugins/jquery.validation.1.14.0/jquery.validate.js" type="text/javascript" charset="utf-8"></script>
    <script src="plugins/jquery.validation.1.14.0/validate-methods.js" type="text/javascript" charset="utf-8"></script>
    <script src="plugins/jquery.validation.1.14.0/messages_zh.js" type="text/javascript" charset="utf-8"></script>
    <!-- bootstrap-select -->
    <script src="plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript" charset="utf-8"></script>

    <!-- layer插件 -->
    <script src="plugins/layer2.4/layer.js" type="text/javascript" charset="utf-8"></script>

    <!-- datatables插件 -->
    <script type="text/javascript">
        $(function() {

            //表单验证
            $("form").validate({
                rules: {
                    id: {
                        required: true,
                        number: true
                    },
                    barcodeId: {
                        required: true,
                    },
                    stallsId: {
                        required: true,
                    },
                    stallsName: {
                        required: true,
                    },
                    linkName: {
                        required: true,
                    },
                    grantDate: {
                        required: true,
                    },
                    grantCount: {
                        required: true,
                    },
                    startNumber: {
                        required: true,
                    },
                    endNumber: {
                        required: true,
                    },
                    createBy: {
                        required: true,
                    }

                },
                onkeyup: false,
                focusCleanup: true,
                success: "valid",
                submitHandler: function(form) {
                    var userid = getCookie("userid");
                    var index = parent.layer.getFrameIndex(window.name);
                    $(form).ajaxSubmit({
                        type: "POST",
                        url: URL + "xxxx",
                        data: {
                            "createBy": userid
                        },
                        success: function(data) {
                            parent.layer.msg('添加成功!', {
                                icon: 1,
                                time: 1000
                            });
                            setTimeout(function() {
                                parent.$(".btn-refresh").click();
                                parent.layer.close(index);
                            }, 1000);

                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            networkError(XMLHttpRequest, textStatus, errorThrown)
                        }
                    });
                }
            });
        });
    </script>

</body>

</html>